<template>
  <view class="introductionDetails">
    <!-- <toast></toast> -->
    <!-- <u-navbar title="财务中心" :bgColor="navbarClass.titleBgColor" @leftClick="backHome" :placeholder="true"> </u-navbar> -->
    <view class="header">
      <text class="text1"></text>
      <view class="imageBgg">
        <xsj-image mode="aspectFit" width="686rpx" height="276rpx" src="../../static/image/introductionDetails2.png">
          <template v-slot:loading>
            <u-loading-icon mode="circle"></u-loading-icon>
          </template>
        </xsj-image>
      </view>
    </view>

    <view class="introdMain">
      <view class="title"> 辖区简介 </view>
      <view class="content">
        <text class="text">
          艾溪湖管理处于2001年12月因南昌市区划调整成立，隶属南昌高新区管委会管辖，属正科级全额拨款事业单位，行使乡镇一级政府管理职能。辖区面积33平方公里，下辖7个行政村委会，33个社区居委会。户籍人口约10.3万人，常住人口约22.9万人。
        </text>
        <text class="text"> 艾溪湖管理处机关在编干部22人，其中，科级干部9人（包括5名党委班子成员）。另外，为了确保机关正常运转，机关部门机构设置90个工作岗位，目前聘（借）用工作人员70人。 </text>
        <text class="text">
          管理处机关内设机构为9+2形式，其中9个部门分别为：党政办公室、财经办公室、党群办公室（组织员办）、规划建设办公室、社会综合治理办公室、经济发展办公室、社会事务办公室、纪检监察办公室、城市管理办公室（社区办）；下设2个站所，分别为：便民惠民服务中心、人力资源与社会保障服务所。
        </text>
        <text class="text">
          艾溪湖管理外党委下辖58个党组织,其中:村级党委4个,社区党委23个,村党总支3个,社区党支部10个,处机关党支部1个,城管中队党支部1个,非公企业党支部16个。目前全处共有党员2181名，其中女党员742名,男党员1439名,预备党员4名,大专及大专以上学历的党员有1315名。
        </text>
        <view class="lines"></view>

        <text class="textTit">情起艾溪湖</text>
        <text class="text2">【点击文字跳转各行政村简介】</text>
        <view class="cunList">
          <view class="cunLab" v-for="(item, index) in dataBloackPojo1" :key="index" @click="gotoJump('/pageContent/introduction/message', item)">
            <text>{{ item.areaName }}</text>
          </view>
        </view>

        <text class="textTit">心系艾溪湖</text>
        <text class="text2">【点击文字跳转各社区简介】</text>
        <view class="cunList">
          <view class="cunLab" v-for="(item, index) in dataBloackPojo2" :key="index" @click="gotoJump('/pageContent/introduction/message', item)">
            <text>{{ item.areaName }}</text>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      dataBloackPojo1: [],
      dataBloackPojo2: [],
    }
  },
  onLoad() {
    if (this.dataBloackPojo1.length <= 0) {
      this.findDataBlackList(3)
    }
    if (this.dataBloackPojo2.length <= 0) {
      this.findDataBlackList(16)
    }
  },
  methods: {
     gotoJump(url, item) {
      if (item.articleType == 2) {
        //#ifdef H5
        location.href = item.content
        //#endif
      } else {
        uni.navigateTo({
          url: `${url}?id=${item.id}`,
        })
      }
    },

    // 筛选村社区
    findDataBlackList(valType) {
      this.$https
        .post({
          url: '/axh/findPublicSort',
          data: {
            phoneAuth: 1,
            isPublic: 1,
            type: valType,
            monthData: '',
          },
        })
        .then((res) => {
          if (valType == 3) {
            // 村
            this.dataBloackPojo1 = res.result || []
          } else {
            // 社区
            this.dataBloackPojo2 = res.result || []
          }
        })
    },
  },
}
</script>

<style lang="scss" scoped>
.introductionDetails {
  background: #f5f5f5;
  min-height: 100vh;
  .header {
    width: 100%;
    height: 568rpx;
    background: url('../../static/image/introductionDetails1.png') no-repeat;
    background-size: 100% 100%;
    padding: 0 32rpx;
    .text1 {
      font-family: PingFang SC-粗体, PingFang SC;
      display: block;
      padding-top: 168rpx;
      color: #ffffff;
    }
    .imageBgg {
      margin-top: 24rpx;
    }
  }

  .introdMain {
    padding: 0 32rpx;
    transform: translateY(-30rpx);
    .title {
      padding: 24rpx;
      width: 686rpx;
      background: #ffffff;
      border-radius: 8rpx;
      font-size: 34rpx;
      color: #3882eb;
      margin-bottom: 24rpx;
    }
    .content {
      padding: 48rpx 24rpx;
      background: #ffffff;
      border-radius: 8rpx;
      width: 686rpx;
      .text {
        display: block;
        font-size: 26rpx;
        line-height: 36rpx;
        text-indent: 2em;
        margin-bottom: 40rpx;
      }
      .lines {
        margin: 60rpx 0;
        border: 1px solid #3882eb;
      }
      .textTit {
        display: block;
        font-size: 32rpx;
        color: #3882eb;
        line-height: 36rpx;
        text-shadow: 0px 4rpx 10rpx #9dc6ff;
        margin-bottom: 16rpx;
        margin-top: 64rpx;
      }
      .text2 {
        display: block;
        font-size: 24rpx;
        margin-left: -6rpx;
        margin-bottom: 20rpx;
      }
      .cunList {
        display: flex;
        flex-wrap: wrap;
        .cunLab {
          display: block;
          color: #3882eb;
          width: 50%;
          margin: 12rpx 0;
        }
      }
    }
  }
}
</style>
